<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>盛世机电</title>
    <link href="/common/css/common-ui-cool.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="/css/equipment/equipmentMonitor.css" />
    <script>
        if (localStorage.getItem("token") == null) {
            window.history.replaceState(null, "", '/login.html');
            location.reload()
        }
    </script>
</head>

<body>
    <span id="pageId" pageId="1" style="display: none;"></span>
    <div class="page-container">
        <div class="header-container">
            <img class="logo-img" src="/images/logo.png">
            <ul class="top-menu">
            </ul>
            <div class="headerTime">
                <span class="dateText"></span>
                <span class="timeText"></span>
            </div>
            <div class="userInfo">
                <i class="aidicon aidicon-account-circle"></i>
                <span class="name"></span>
                <span class="logout">退出</span>
            </div>
        </div>
        <div class="main-container">
            <ul class="side-menu"></ul>
            <div class="table-container">
                <div class="img-content">
                    <img alt="" id="main-img" draggable="false">
                    <div class="project-info">
                        <p class="name"></p>
                        <p class="alerm">设备预警：<i class="aidicon aidicon-bell"></i></p>
                    </div>
                    <div id="choose">
                        <!-- <div class="warn-info">系统设备状态：<span class="warn-btn"></span></div>
                        <div class="run-info">运行模式：
                            <span class="btn-switch btn-multiple-state" id="modeSwitch">
                                <span class="btn-state checked">供冷</span>
                                <span class="btn-state">制热</span>
                            </span>
                        </div>
                        <div class="temp-info">温度设定：<span id="temp">10</span>℃<a id="editTemp">修改</a></div> -->
                    </div>
                    <!-- <div type="button" class="tips" id="tip1" data-toggle="tooltip" data-placement="top"
                        data-html="true" title="温度：38℃<br>压力：数据<br>流量：数据"></div>
                    <div type="button" class="tips" id="tip2" data-toggle="tooltip" data-placement="top"
                        data-html="true" title="流量：数据"></div> -->
                    <ul class="data-content">
                        <li>
                            <div><i class="aidicon aidicon-beach"></i>室外温度：<span id="outdoorTemperature">--</span></div>
                        </li>
                        <li>
                            <div><i class="aidicon aidicon-beach"></i>室外湿度：<span id="outdoorHumidity">--</span></div>
                        </li>
                        <li>
                            <div><i class="aidicon aidicon-white-balance-sunny"></i>太阳辐射强度：<span
                                    id="solarRadiation">--</span></div>
                        </li>
                    </ul>
                </div>
                <div style="height: 60px;"></div>
            </div>
        </div>
    </div>
    <script type="text/html" id="tempTpl">
        <div class="form-horizon" style="border: none;padding: 0;">
            <form id="tempForm">
                <div class="form-group clearfix">
                    <label class="form-label" for="temp"> <i>*</i> 温度</label>
                    <input type="text" class="form-control" id="temp1" required name="temp" placeholder="请输入" value="{{temp}}">
                </div>
            </form>
        </div>
    </script>
    <script type="text/html" id="equipmentTpl">
        <div class="equipment-wrap">
            <div class="img-wrap">
                <img src="{{equipmentImageSrc}}">
            </div>
            <div class="detail-content">
                <div class="title-wrap">
                    <span class="name">参数名称</span>
                    <span class="key">设定值</span>
                    <span class="value">数值/状态</span>
                </div>
                <ul class="info-list">
                {{if list && list.length>0}}
                    {{each list as val i}}
                    <li>
                        <span class="name text-overflow" title="{{val.name}}">{{val.name}}</span>
                        <span class="key text-overflow" title="{{val.stdValue}}">{{val.stdValue}}</span>
                        <span class="value text-overflow color-{{val.color}}" title="{{val.value}}">{{val.value}}</span>
                    </li>
                    {{/each}}
                {{/if}}
                </ul>
            </div>
        </div>
    </script>
    <script src="/common/js/lib/require/require.min.js"></script>
    <script>
        require(["/js/require.config.js"], function () {
            require(["/js/common/nav.js"], function () {
                require(["/js/equipment/equipmentMonitor.js"], function (app) {
                    app.init();
                });
            });
        });
    </script>
</body>

</html>